<!DOCTYPE HTML>
<html style="font-size:10px">
<script src="../resources/text-based-repaint.js"></script>
<script>
window.testIsAsync = true;
window.onload = runRepaintAndPixelTest;

function repaintTest() {
  setTimeout(function() {
    document.getElementsByTagName("html")[0].style.fontSize="5px";
    requestAnimationFrame(function() {
      if (window.testRunner)
        finishRepaintTest();
    });
  }, 0);
};
</script>
<body>
<div style="font-size:10px">
<svg style="width:20rem; height:20rem;">
  <rect width="20rem" height="20em" style="fill:rgb(0,0,255);" />
</svg>
</div>
</body>
</html>
